/*
 * @Description: 角色主页面
 * @Author: Rfan
 * @Date: 2022-03-31 13:22:48
 * @LastEditTime: 2022-04-13 15:28:58
 */

import classNames from 'classnames/bind';
import type { FC } from 'react';
import RoleSidebar from './components/RoleSidebar';
import { RoleContextProvider } from './contexts/RoleContext';
import MainTitle from './components/MainTitle';
import RoleTabs from './components/RoleTabs';
import AddRoleDialog from './components/dialogs/AddRoleDialog';

import styles from './styles/main.module.scss';
import PageLayout from '@/layout/PageLayout';

const cx = classNames.bind(styles);

const UserRightRole: FC = () => {
  return (
    <>
      <RoleContextProvider>
        <PageLayout className={cx('main-wrap')} sidebar={<RoleSidebar />} title={<MainTitle />}>
          <RoleTabs />
          <AddRoleDialog />
        </PageLayout>
        {/* <div className={cx('main-wrap')}> */}
        {/*  <MainTitle /> */}
        {/*  <div className={cx('page-wrap')}> */}
        {/*    <div className={cx('nav-wrap')}> */}
        {/*      <RoleSidebar /> */}
        {/*    </div> */}
        {/*    <div className={cx('content-wrap')}> */}
        {/*      <RoleTabs /> */}
        {/*      <AddRoleDialog /> */}
        {/*    </div> */}
        {/*  </div> */}
        {/* </div> */}
      </RoleContextProvider>
    </>
  );
};

export default UserRightRole;
